<template>
  <edu-page-tabs :tab-list="xTabs" />
</template>

<script>
import EduPageTabs from '@public/template/tabs/page_tabs.vue';
export default {
  components: {
    EduPageTabs
  },
  props: {
    tabs: {
      type: Array,
      default: () => {
        return [];
      }
    }
  },
  data() {
    return {
      defaultTabs: [
        {
          title: '待审核',
          uri: '/refund/wait',
          meta: {
            permission: 'refund.wait'
          }
        },
        {
          title: '已通过',
          uri: '/refund/done',
          meta: {
            permission: 'refund.done'
          }
        },
        {
          title: '已拒绝',
          uri: '/refund/reject',
          meta: {
            permission: 'refund.reject'
          }
        },
        {
          title: '退款配置',
          uri: '/refund/config',
          meta: {
            permission: 'refund.config'
          }
        }
      ]
    };
  },
  computed: {
    xTabs() {
      return [...this.defaultTabs, ...this.tabs];
    }
  }
};
</script>
